.Tree {
  background: var(--color-fill-1);
}

.TreeNode-title {
  padding: 10px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--color-line-1);
  &:hover {
    background: var(--color-fill-2);
    // color: var(--brand-1);
    cursor: pointer;
  }
}
.TreeNode {
  &:last-child {
    .TreeNode-title {
      border: 0;
    }
  }
}
.TreeNode-children-title {
  // background: var(--color-fill-2);
  border-bottom: 1px solid var(--color-line-1);
}
.TreeNode-title-text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  flex: 1;
}
.TreeNode-children {
  display: none;
}
.TreeNode-children-active {
  display: block;
}
